/*
 * @Description: 支付成功
 * @Author: ziwei.ma
 * @Date: 2019-08-22 15:24:21
 * @Last Modified by: buwei.huangang
 * @Last Modified time: 2020-03-12 14:42:49
 */
<template>
  <div class="result_wrapper flex-v flex-vc">
    <img src="../assets/success.png">
    <div class="flex-v flex-vc">
      <div class="fontsize48 baseColorNoAcitve">支付成功</div>
      <span class="fontsize32">{{infoText}}</span>
    </div>
    <div
      class="finish_btn baseBgColorWithActive fontsize32"
      @click="finishBtn"
    >完成</div>
  </div>
</template>

<script>
export default {
  components: {

  },
  props: {
    payFromUrl: {
      type: String,
      default: null
    },
    byFromType: {
      type: String,
      default: null
    }
  },
  computed: {
    infoText() {
      if (this.byFromType === 'TYPE_CUSTOM') {
        return '请在“定制班线-我的车票”中查看已购车票'
      } else {
        return '定金支付成功，等待工作人员处理'
      }
    }
  },
  methods: {
    finishBtn() {
      this.$AppRouterUtils.goBack(this.payFromUrl)
    }
  }
}
</script>

<style scoped>
.result_wrapper {
  height: 100%;
  width: 100%;
}
.result_wrapper > img {
  width: 200px;
  height: 200px;
  margin: 64px;
}
.result_wrapper > div > span {
  color: #666666;
  margin: 16px 80px 0;
  text-align: center;
}
.finish_btn {
  width: 686px;
  height: 72px;
  line-height: 72px;
  border-radius: 36px;
  text-align: center;
  color: #ffffff;
  position: fixed;
  bottom: 212px;
}
</style>
